<template>
  <view class="tab-title">
    <image :src="`/static/${icon}.png`" class="img"></image>
    <label>{{ title }}</label>
  </view>
</template>
<script setup>
const props = defineProps({
	title: String,
  icon: String
});
</script>
<style lang="scss" scoped>
.tab-title {
  height: 96rpx;
  background: linear-gradient(0deg, #455BDF 0%, #5970FA 100%);
  box-shadow: 0 3rpx 10rpx 0 rgba(0,0,0,0.1);
  border-radius: 5rpx 5rpx 0 0;
  display: flex;
  align-items: center;
  padding-left: 22rpx;
  image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 12rpx;

  }
  label {
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
  }
}
</style>